<template>
  <div class='sousuoMudi'>
    <div>
      <div class="no">没有你想要的？</div>
      <div class="all" @click="fun">目的地大全</div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'SousuoMudi',
  methods: {
    fun () {
      this.$router.push({
        path: '/qiehuan'
      })
    }
  }
}
</script>
<style scoped lang='less'>
.sousuoMudi{
  height: 50px;
  line-height:50px;
  padding:0 15px;

  &>div{
    border-bottom:1px solid #eee;
    &::after{
      content:'';
      display: flex;
      clear:both;
    }
    &>div{
      float:left;
    }
    .no{
      color:#999;
    }
    .all{
      margin:10px 0;
      height: 30px;
      line-height:30px;
      margin-left:50px;
      border-radius:50px;
      width: 200px;
      background-color: #fffae5;
      background-image: url(/static/Sousuo/arr_right.png);
      background-repeat: no-repeat;
      background-position: center right 50px;
      background-size: 7px 12px;
    }
  }
}
</style>
